  <template>
  <div class="content" :style="contentStyle">
    <Imageries v-for="(item,index) in imageriesIndex.imageries" :key="index" :imageryIndex="item" />
    <roles v-for="(item,index) in rolesIndex" :key="index+1000" :roleIndex="item" />
  </div>
</template>

  <script>
import { mapGetters, mapActions } from "vuex"
import { mixins } from "@/common/mixins/contentMixins.js"
import Imageries from "./imageries.vue"
import Roles from "./roles.vue"
export default {
  mixins: [mixins],
  components: {
    Imageries,
    Roles
  }
};
  </script>

<style scoped lang='stylus'>
@import '../../../common/stylus/content.styl'
</style>